body{
    padding: 0;
    margin: 0;
}
.span_text{
    font-weight:500;
    font-size: 18px;
}

#div_list{
    padding-left: 0;
    padding-top: 30px;
}


#div_img{
    float: left;
    width: 145px;
    margin-right: -145px;
}

#div_img img{
    margin-left: 15px;
}

#head_img{
    width: 165px;
    /* height: 100px; */
    border-radius: 6px;
}


#div_title{
    float: right;
    width:100%;
    margin-right: 15px;
}

#div_title_content{
    padding-top: 10px;
    margin-left: 215px;
}

#div_sub{
    position: absolute;
    float: left;
    width: 180px;
    margin-top: 10px;
}

#div_num{
    float: right;
    font-size: 12px;
    margin-top: 15px;
    margin-right: 5px;
}

#div_list li{
    border-bottom:0.5px solid #f1f1f1;
    width:100%;
    float:left;
}

.dt_top{
    width: 100%;
    padding-bottom: 30px;
}

.dt_info{
    height: 50px;
    line-height: 50px;
}

.dt_info_left{
    font-size: 14px;
    color: #404040;
    float: left;
    margin-left: 20px;
}

.div_info_right{
    float: right;
}

#dt_info2_right{
    margin-right: 20px;
    font-size: 18px;
    font-weight: 500;
    color: #000000;
}

#dt_info_right{
    font-size: 14px;
    outline: none;
    border: 0;
    color: #a8a8a8;
    margin-right: 20px;
    text-align: right;
}


#dt_info3_right{
    margin-right: 20px;
    font-size: 14px;
    color: #FE7776;
}

#dt_info4_right{
    margin-right: 20px;
    font-size: 14px;
    color: #A8A8A8;
}

.dt_info5{
    font-weight:500;
    margin-top: 40px;
    height: 40px;
}

#dt_head_img_left{
    float: left;
    margin-left: 20px;
}

#dt_head_img_left img{
    width: 25px;
}

#dt_info5_left{
    margin-left: 20px;
    font-weight: bold;
}

#dt_info6_left{
    float: left;
    margin-left: 10px;
    color: #404040;
    font-size: 14px;
}

#dt_head_img_right{
    float: right;
    margin-right: 20px;
}

#dt_head_img{
    width: 20px;
    height: 20px;
}

#div_tab{
    position: fixed;
    width: 100%;
    height: 60px;
    bottom: 0;
    left: 0;
    border-top: 1px solid #e8e8e8;
    background-color: white;
    padding: 0px;
}

#div_tab #div_free{
    float: left;
    width: 100px;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    color: #333;
    text-align: center;
}

#div_wait{
    float: right;
    line-height: 60px;
    margin-right: 10px;
    font-size: 14px;
}

#div_wait span{
    font-size: 20px;
    color: #FE7776;
    line-height: 20px;
}

#div_now{
    width: 123px;
    float: right;
    background-color: #FDE109;
    color: #404040;
    font-size: 16px;
    text-align: center;
    line-height: 60px;
}

#div_bubble{
    display: none;
    background-color: #FDE109;
    border-radius:12px;
    width: 280px;
    height: 240px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -140px;
    margin-top: -120px;
    z-index: 100;
}

#div_bubble #close_img{
    position: absolute;
    width: 20px;
    right: 10px;
    top: 10px;
}

#div_bubble_title{
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    margin-top: 30px;
    color: #404040;
}

#div_bubble_input{
    margin: 15px auto 10px auto;
    background-color: white;
    border-radius:8px;
    width: 230px;
    height: 64px;
    text-align: center;
}

#div_bubble_input #text_coupon_code{
    text-align: center;
    font-size: 34px;
    line-height:64px;
    width: 230px;
    background: transparent;
    border: 0;
    border-radius:8px;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance:none;
    appearance:none;
    outline:none;
    padding: 0;
    margin: 0;
}

#div_bubble_sub{
    font-size: 10px;
    color: #7f7f7f;
    margin-left: 25px;
}

#div_bubble_button{
    width: 150px;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0 4px 10px 0 rgba(220,197,17,0.50);
    border-radius: 100px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #7DBEFE;
    margin-top: 15px;
}

.mask{
    display: none;
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    background: #000000;
    opacity:0.2;
    filter:alpha(opacity=20)
}



/*显示或隐藏*/
.show {
    display: block !important;
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}


@media screen and (min-device-width: 768px) {
    #head_img {
        width: 180px;
        height: 132px;
    }
    #div_title_content {
        padding-top: 12px;
        margin-left: 230px;
    }

    .span_text {
        font-size: 22px;
    }

    #div_num {
        font-size: 16px;
    }

    .dt_info {
        height: 68px;
        line-height: 68px;
    }

    .dt_info_left {
        font-size: 20px;
        margin-left: 24px;
    }

    #dt_info2_right {
        font-size: 24px;
    }

    #dt_info3_right {
        font-size: 18px;
    }

    #dt_info_right {
        font-size: 18px;
    }

    .dt_info5 {
        margin-top: 60px;
    }
    #dt_info5_left {
        font-size: 20px;
    }

    #dt_head_img_left {
        position: relative;
    }

    #dt_head_img_left img {
        width: 30px;
        position: absolute;
        top: 15px;
    }

    #dt_info6_span {
        margin-left: 32px;
        font-size: 18px;
    }
    #dt_head_img {
        width: 26px;
        height: 26px;
    }
}
